<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <title>[简历]张淼&#9809网络与新媒体专业&#9992葫芦岛</title>
    <link rel="shortcut icon" href="assets/images/UI.png" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/typo.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/index.css">
    <script>
        function loading() {
            document.getElementsByClassName('avatar')[0].style.display = 'block';
            document.getElementsByClassName('loading')[0].style.display = 'none';
        }
    </script>
    <script src="./assets/js/jquery-3.2.1.min.js"></script>
    <script src="./assets/js/main.js"></script>
    <script src="./assets/js/iconfont.js"></script>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box; /* Include padding and border in box model */
        }

        body {
            background-color: #f4f4f4;
            color: #333; /* Dark Gray */
            font-size: 16px;
        }

        h1 {
            color: #007acc; /* Modified to a shade of blue */
            font-size: 24px;
        }

        h2 {
            color: #005a8e; /* Darker blue */
            font-size: 20px;
        }
    </style>
</head>

<body class="Site" >

    <header >
    
<nav class="btn btn-1">

             <ul>
             	<div class="tubiao"><svg  class="icon " style="width:-10%" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1093" id="mx_n_1555642676792" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M692.2 768.1H320.9c-23.5 0-42.5-19-42.5-42.5v-482c0-23.5 19-42.5 42.5-42.5h371.4c23.5 0 42.5 19 42.5 42.5v482c0 23.4-19.1 42.5-42.6 42.5z" fill="#f6d365" p-id="1094" data-spm-anchor-id="a313x.7781069.0.i5" class="selected"></path><path d="M730 723H283.2c-9.5 0-17.2-9.4-17.2-20.9 0-11.5 7.7-20.9 17.2-20.9H730c9.5 0 17.2 9.4 17.2 20.9-0.1 11.5-7.8 20.9-17.2 20.9zM730 635.7H283.2c-9.5 0-17.2-9.4-17.2-20.9s7.7-20.9 17.2-20.9H730c9.5 0 17.2 9.4 17.2 20.9s-7.8 20.9-17.2 20.9zM506.6 358.6c-44.4 0-80.4-35.3-80.4-78.7s36.1-78.7 80.4-78.7c44.4 0 80.4 35.3 80.4 78.7s-36.1 78.7-80.4 78.7z m0-115.5c-21.2 0-38.5 16.5-38.5 36.8s17.3 36.8 38.5 36.8 38.5-16.5 38.5-36.8-17.3-36.8-38.5-36.8z" fill="#353535" p-id="1095"></path><path d="M639 510.8H374.2l0.5-21.5c1-40.6 14.7-78.8 38.4-107.6 24.9-30.1 58.1-46.7 93.5-46.7s68.6 16.6 93.5 46.7c23.7 28.7 37.4 66.9 38.4 107.6l0.5 21.5z m-220.3-41.9h175.7c-3.9-23-13.1-43.9-26.7-60.4-16.7-20.3-38.5-31.4-61.1-31.4s-44.4 11.2-61.1 31.4c-13.7 16.5-22.9 37.4-26.8 60.4z" fill="#353535" p-id="1096"></path><path d="M797.7 931.4H215.4c-47.1 0-85.5-38.4-85.5-85.5V138.1c0-47.1 38.4-85.5 85.5-85.5h582.3c47.1 0 85.5 38.4 85.5 85.5V846c0 47.1-38.4 85.4-85.5 85.4zM215.4 94.6c-24 0-43.5 19.5-43.5 43.5V846c0 24 19.5 43.5 43.5 43.5h582.3c24 0 43.5-19.5 43.5-43.5V138.1c0-24-19.5-43.5-43.5-43.5H215.4z" fill="#353535" p-id="1097"></path></svg>
                 </div>
             	<li class="logo active">
                     <a href="#">简历</a>
                     <span></span>
                 </li>
                 <li id="silder_bar"><i class="fa  fa-align-justify fa-5x "></i>
                     <a href="#">侧栏菜单</a>
                 </li>
                 <li ><i class="fa  fa-book fa-5x "></i>
<!--                     <a href="https://www.jianshu.com/u/8117f0fe01b8" target="_blank">简书</a>-->
<!--                     <span></span>-->
                 </li>
                 <li ><i class="fa fa-git-square fa-5x "></i>
                 	<a href="#">
                     <a href="https://gitee.com/zhang-miao0214" target="_blank">gitee</a>
                     <span></span>
                 </li>
                 <li class=""><i class="fa fa-github fa-5x "></i>
<!--                     <a href="https://github.com/huangjieqi" target="_blank">github</a>-->
                     <span></span>
                 </li>
             </ul>
         </nav>
         </header>
    <article class="container">
        <section class="side" id="side">

           

            <!-- 个人肖像 -->
            <address class="me">
                <section class="portrait">
                    <div class="loading">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <!-- 头像照片 -->
                    <div class="ih-item circle effect right_to_left">
                    	<a href="https://huangjieqi.github.io/#blog" title="前往 我 的主页" class="blog-button">
                    <img class="avatar img" src="assets/images/touxiang.jpg" onload="loading()" alt="img">
                    <div class="info">
                    <div class="info-back">
                        <h2> 网新甜妹 </h2>
                    </div></div>
                    </a>
                    </div>
                </section>

                <h1 class="name">张淼</h1>
                <h4 class="info-job">网络与新媒体专业学生 / 广州</h4>

            </address>

            <!-- 基本信息 -->
            <address class="profile info-unit">
                <h2>
                    <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-jibenxinxi1"></use></svg>
                                                             基本信息</h2>
                <hr/>
                <ul>
                    <li>
                        <label>个人信息</label>
                        <span>张淼 / 女 / 21岁</span>
                    </li>
                    <li>
                        <label>python技能</label>
                        <span>初级</span>
                    </li>
                    <li>
                        <label>计算机水平</label>
                        <span><b>计算机二级</b></span>
                    </li>
                </ul>
            
			</address>
            <!-- 联系方式 -->
            <address class="contact info-unit">
                <h2><svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-lianxifangshi"></use></svg>
                                                             联系方式</h2>
                <hr/>
                <ul>
                    <li>
                        <label>手机</label>
                        <a href="tel:177xxxxxxxx" target="_blank">177xxxxxxxx</a>
                    </li>
                    <li>
                        <label>邮箱</label>
                        <a href="mailto:zmiao0214@163.com" target="_blank">zhang-miao0214@163.com</a>
                    </li>
                    <li>
                        <label>个人主页</label>
                        <a href="https://huangjieqi.gitee.io/jekyll-resume/" target="_blank">https://gitee.com/</a>
                    </li>
                    <li>
<!--                        <label>Github</label>-->
<!--                        <a href="https://github.com/huangjieqi" target="_blank">github.com/huangjieq</a>-->
                    </li>
                </ul>
            </address>

            <!-- 技能点 -->
            <address class="skill info-unit">
                <h2>
                    <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-icon_skill"></use></svg>
                                                             技能点</h2>
                <hr/>
                <ul>
                    <li>
                        <label>健身</label>
                        <progress value="80" max="100"></progress>
                    </li>
                    <li>
                        <label>CSS</label>
                        <progress value="75" max="100"></progress>
                    </li>
                    <li>
                        <label>JavaScript</label>
                        <progress value="65" max="100"></progress>
                    </li>
                    <li>
                        <label>小红书运营</label>
                        <progress value="50" max="100"></progress>
                    </li>
                    <li>
                        <label>美图软件</label>
                        <progress value="80" max="100"></progress>
                    </li>
                    <li>
                        <label>小程序</label>
                        <progress value="30" max="100"></progress>
                    </li>
                </ul>
            </address>

            <address class="qrcode info-unit">
                <h2>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-erweima3"></use>
                    </svg>
                    二维码
                </h2>
                <hr/>
                <img src="assets/images/erweima.png"  style="width: 100%;height:100%;" alt="二维码">
            </address>


            <!-- 技术栈 -->
            <!-- <div class="stack info-unit">
                    <h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
                    <hr/>
                    <ul>
                        <li>
                            <label>前端</label>
                            <span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
                        </li>
                        <li>
                            <label>后端</label>
                            <span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
                        </li>
                        <li>
                            <label>其他</label>
                            <span>Git、SVN、Markdown</span>
                        </li>
                    </ul>
                </div> -->
        </section>

        <main class="info-unit">

            <!-- 教育经历 -->
            <section class="edu info-unit">
                <h2>
                    <i class="fa fa-university" aria-hidden="true"style="color: orange"></i>教育经历</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>前所中学（初中）</span>
                            <time>2015.9-2018.7</time>
                        </h3>
                        <p>在初中学习中，积极向上。初一时获得团员身份。</p>
                    </li>
                    <li>
                        <h3>
                            <span>绥中县第一高级中学（高中）</span>
                            <time>2018.9-2021.7</time>
                        </h3>
                        <p>高中学习，课内课外兼顾。高中时获得市级物理特等奖。</p>
                    </li>
                    <li>
                        <h3>
                            <span>广州南方学院-网络与新媒体专业（本科）</span>
                            <time>2021.9-至今</time>
                        </h3>
                        <p>就读于广州南方学院网络与新媒体专业</p>
                    </li>
                </ul>
            </main>

            <!-- 在校经历 -->
            <main class="info-unit">
                <h2>
                    <h2><svg class="icon" aria-hidden="true" style="color: darkorange;width: 2em;height: 2em;">
                    <use xlink:href="#icon-fillzaixiaojingli01"></use></svg>在校经历</h2>
                <hr/>
                    <ul>
                        <li>
                            <h3>
            <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-shetuan1"></use>
                </svg>健身俱乐部-副部长
            </span>
                                <time>2021年9月至2023年7月</time>
                            </h3>
                            <ul class="info-content">
                                <li>学习并掌握了健身知识。</li>
                            </ul>
                        </li>
                        <li>
                            <h3>
            <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-untitled851"></use>
                </svg>校模特社团-干事
            </span>
                                <time>2021年9月至2022年7月</time>
                            </h3>
                            <ul class="info-content">
                                <li>对模特行业有一定了解，提高了自身的价值审美。</li>
                            </ul>
                        </li>
                    </ul>

            </main>

            <!-- 项目经验 -->
            <main class="project info-unit">
                <h2>
                    <svg class="icon" aria-hidden="true"><use xlink:href="#icon-wodexiangmu"></use></svg>
                            	个人项目</h2>
                <hr/>
                <ul>
                    <li>
                        <h3>
                            <span>[项目1]网页设计与制作</span>
                            <span class="link">
                <a href="#" target="_blank">Demo</a>
            </span>
                            <time>2021.01-2021.07</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：HTML5+CSS3+JavaScript</li>
                            <li>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-mubiao1"></use></svg>
                                设计并制作个人网页，应用HTML5、CSS3和JavaScript技术
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tuandui2"></use></svg>
                                参与与团队成员的讨论，提供设计建议
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiangmugongxian"></use></svg>
                                实践了前端技术，包括页面布局、交互设计等，提高了对Web开发的理解
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                成功发布并分享个人网页，受到同学的认可与好评。
                            </li>
                        </ul>
                    </li>
                    <li>
                        <h3>
                            <span>[项目2]在线学习平台开发</span>
                            <span class="link">
            <a href="#" target="_blank">Demo</a>
        </span>
                            <time>2022.03-2022.08</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：React+Node.js+MongoDB</li>
                            <li>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-mubiao1"></use></svg>
                                参与团队协作，负责在线学习平台前端开发
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tuandui2"></use></svg>
                                与团队成员协调，讨论并确定项目需求和功能
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiangmugongxian"></use></svg>
                                使用React框架搭建前端界面，实现用户登录、课程浏览等功能
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                通过Git进行版本控制，参与了项目的文档编写与维护
                            </li>
                        </ul>
                    </li>

                    <li>
                        <h3>
                            <span>[项目3]开源项目贡献</span>
                            <span class="link">
                <a href="#" target="_blank">Demo</a>
            </span>
                            <time>2022.03-2022.06</time>
                        </h3>
                        <ul class="info-content">
                            <li>技术栈：GitHub+Python</li>
                            <li>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-mubiao1"></use></svg>
                                参与开源项目，学习使用GitHub进行协作开发
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-tuandui2"></use></svg>
                                与社区成员进行讨论与协作
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-xiangmugongxian"></use></svg>
                                提交Pull Requests，进行代码贡献
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                参与项目的开发与改进，学到了更多实际项目经验。
                            </li>
                        </ul>
                    </li>
                </ul>

 </main>

            <!-- 自我评价 -->
<!--        使用了<figure><details><nav>、<aside> 和 <mark> 这5个新的 HTML5 标签-->
            <main class="work info-unit Site-content">
<!--                <h2>-->
<!--                   <svg class="icon" aria-hidden="true"><use xlink:href="#icon-kehu-gongxiandufenxi"></use></svg> 实习经历</h2>-->
                <hr/>
                <figure>
                    <figcaption>
                        <h2>
                            <svg class="icon" aria-hidden="true"><use xlink:href="#icon-kehu-gongxiandufenxi"></use></svg> 实习经历
                        </h2>
                    </figcaption>
                    <hr/>
                    <details>
                        <summary>深圳市星际科技有限公司</summary>
                        <ul class="info-content">
                            <li>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                <b>项目管理助理：</b>在项目管理团队中担任助理职务，协助团队成员进行项目计划、进度跟踪，以及项目文档的整理和归档。
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                <b>数据分析：</b>负责收集和分析项目进展的数据，提供有关项目状态和绩效的报告，为团队提供决策支持。
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                <b>沟通协调：</b>参与项目组内外的沟通协调工作，确保团队成员之间的信息流畅和项目进程顺利。
                                <br/>
                            </li>
                        </ul>
                    </details>
                    <details>
                        <summary>广州智联科技有限公司</summary>
                        <ul class="info-content">
                            <li>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                <b>市场推广实习生：</b>在市场推广团队中担任实习生职务，参与市场调研和竞品分析，为推广策略提供数据支持。
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                <b>社交媒体管理：</b>负责公司社交媒体账号的日常维护，发布与公司相关的内容，提高品牌知名度。
                                <br/>
                                <svg class="icon" aria-hidden="true"><use xlink:href="#icon-weibiaoti--"></use></svg>
                                <b>活动策划支持：</b>协助团队进行线上线下推广活动的策划和执行，增强公司与客户的互动。
                                <br/>
                            </li>
                        </ul>
                    </details>
                    <nav>
                        <!-- 添加适当的导航链接 -->
                        <ul>
                            <li><a href="#section1">公司1</a></li>
                            <li><a href="#section2">公司2</a></li>
                        </ul>
                    </nav>
                    <aside>
                        <!-- 添加侧边栏内容 -->
                        <p>暂无其他相关信息或链接</p>
                    </aside>
                    <mark>
                        <!-- 强调特定文本 -->
                        <p>在以上实习经历中，我积累了丰富的项目管理和市场推广经验。</p>
                    </mark>
                </figure>

            </main>
        </section>
    </article>



    <footer>
        <p>© 2023 张淼.文档最后更新时间为
            <time>2023年11月30日</time>.</p>
    </footer>

    <!-- 侧栏 -->
    <aside>
    	<div class="mask"></div>
    <div id="silder">
         <ul >
             <li><a href="#"target="_blank"></a></li>
             <li><a href="https://www.nfuedu.cn/?p=5"target="_blank">大数据</a></li>
             <li><a href="#"target="_blank">线上调查与统计</a></li>
             <li><a href="#"target="_blank">数据挖掘</a></li>
             <li><a href="https://www.nfuedu.cn/"target="_blank">wordpress</a></li>
         </ul>
    </div>
    <div class="top">
        <a href="#">
            <svg class="icon1" aria-hidden="true"">
                  <use xlink:href="#icon-hebingxingzhuang"></use>
               </svg>
            <p>TOP</p>
        </a>
    </div>
</div>
       <div class="aside">
        <ul>
            <li>
                <a href="https://gitee.com/huangjieqi/resume" target="_blank">源代码</a>
            </li>
            <li>
                <a href="https://huangjieqi.github.io/" target="_blank">Blog</a>
            </li>
        </ul></div>
    </aside>
    <script type="text/javascript" src="./assets/js/test-clear.js" opacity= 0.6></script>
    <script src="./assets/js/index.js"></script>
</body>

</html>



